<!DOCTYPE html>
<html>
<head>
<title>Metanode Generation</title>
<link rel="stylesheet" type="text/css" href="css/grey.css">
<link rel="stylesheet" type="text/css" href="css/messi.css">
<script src="js/jquery-1.8.3.js"></script>
<script src="js/interactions.js"></script>
<script src="js/messi.js"></script>
</head>
<body>
  <!--
  <span style="width:1200px;">
  <span align="left" style="margin-left: 120px;display:inline"> 
      &nbsp;<a href="http://wwwen.uni.lu" target="blank"><img src="images/unilulogo.png" height="52" width="52" /></a>
    </span>
    -->
<div>

  <form name="resultsform" id="resultsform"  method="POST" enctype="multipart/form-data" class="basic-grey">   
    <h2><a href="http://wwwen.uni.lu" target="blank"><img src="images/unilulogo.png" height="42" width="42" /></a>&nbsp;Metanode Inputs &nbsp;

<!--      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://wwwen.uni.lu" target="blank"><img src="images/unilulogo.png" height="42" width="42" /></a>
-->
      <span id="fmsg"></span> 
    </h2>
    <label>
        <span>Name:</span>
        <input id="name" type="text" name="name" placeholder="Required" />
    </label>
    
    <label>
        <span>Email:</span>
        <input id="email" type="email" name="email" placeholder="Required" />
    </label>

    <label>
        <span>Organization:</span>
        <input id="org" type="text" name="org" />
    </label>

    <label>
        <span><a href="#" title="Alphanumeric only, spaces will be trimmed">Project:</a></span>
        <input id="project" type="text" name="project" />
    </label>
    
<span>Filesets:</span> <a href="#" onclick="addMoreRows();">Add more datasets</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Dataset types:<a href="#" title="Adjustable Items that can be placed in any order and where order does not matter. (Circles)">ItemData</a>&nbsp;<a href="#" title="Data Items for which order is somewhat important, and which will go into one line (Circles).">ItemGridData</a>&nbsp; <a href="#" title="Connected Data going into one Row displayed as a single Row of adjacent boxes.">TimeSeries</a>&nbsp;<a href="#" title="Data for which the Ordering is not important and for which the layout  can be adjusted as necessary. The items are displayed as Adjacent Boxes over possibly multiple lines.">HeatMapData</a>&nbsp;<a href="#" title="Data that should be displayed as a Graph (simple line graph).">GraphData</a>&nbsp; <br>
   For a description of the Colorschemes have a look <a href="http://nl.mathworks.com/help/matlab/ref/colormap.html#inputarg_name" target="_blank" title="Matlab color maps">here</a><br>
   <span><font color="blue" size="-1">Please note maximum of 9 input data files (20 megabytes each). Some exceptions can be made but <a href="mailto:thomas.pfau@uni.lu?Subject=MetaNode Exception" target="_top">contact us </a> directly.</font></span>    
   <br>

<div>
<table id="mnfiles" style="width:90%;">
<tr><th>File</th><th>DataType</th><th>Colorscheme</th><th>Description</th></tr>
<tr>
<td><input id="file_0" type="file" name="file_0" placeholder="FileAttached" /></td>
<td><select id="type_0" type="text" name="type_0">
	<option value="ItemData">ItemData</option>
	<option value="ItemGridData">ItemGridData</option>
	<option value="TimeSeriesData">TimeSeriesData</option>
	<option value="HeatMapData">HeatMapData</option>
	<option value="GraphData">GraphData</option>
	<option value="TimedItemData">TimedItemData</option>
</select></td>
<td><select id="cs_0" type="text" name="cs_0">
	<option value="parula">parula</option>
	<option value="jet">jet</option>
	<option value="hsv">hsv</option>
	<option value="hot">hot</option>
	<option value="cool">cool</option>
	<option value="spring">spring</option>
	<option value="summer">summer</option>
	<option value="autumn">autumn</option>
	<option value="winter">winter</option>
	<option value="gray">gray</option>
	<option value="bone">bone</option>
	<option value="copper">copper</option>
	<option value="pink">pink</option>
	<option selected value="bluered">bluered</option>
	<option value="whitered">whitered</option>
</select></td>

<td style="width: 200px"><input id="desc_0" type="text" name="desc_0" /></td>
</tr>
<tr>
<td><input id="file_1" type="file" name="file_1" placeholder="FileAttached" /></td>
<td><select id="type_1" type="text" name="type_1">
	<option value="ItemData">ItemData</option>
        <option value="ItemGridData">ItemGridData</option>
        <option value="TimeSeriesData">TimeSeriesData</option>
        <option value="HeatMapData">HeatMapData</option>
        <option value="GraphData">GraphData</option>
        <option value="TimedItemData">TimedItemData</option>
</select></td>
<td><select id="cs_1" type="text" name="cs_1">
	<option value="parula">parula</option>
	<option value="jet">jet</option>
	<option value="hsv">hsv</option>
	<option value="hot">hot</option>
	<option value="cool">cool</option>
	<option value="spring">spring</option>
	<option value="summer">summer</option>
	<option value="autumn">autumn</option>
	<option value="winter">winter</option>
	<option value="gray">gray</option>
	<option value="bone">bone</option>
	<option value="copper">copper</option>
	<option value="pink">pink</option>
	<option selected value="bluered">bluered</option>
	<option value="whitered">whitered</option>
</select></td>
<td style="width: 200px"><input id="desc_1" type="text" name="desc_1" /></td>
</tr>
<tr>
<td><input id="file_2" type="file" name="file_2" placeholder="FileAttached" /></td>
<td><select id="type_2" type="text" name="type_2">
	<option value="ItemData">ItemData</option>
        <option value="ItemGridData">ItemGridData</option>
        <option value="TimeSeriesData">TimeSeriesData</option>
        <option value="HeatMapData">HeatMapData</option>
        <option value="GraphData">GraphData</option>
        <option value="TimedItemData">TimedItemData</option>
</select></td>
<td><select id="cs_2" type="text" name="cs_2">
	<option value="parula">parula</option>
	<option value="jet">jet</option>
	<option value="hsv">hsv</option>
	<option value="hot">hot</option>
	<option value="cool">cool</option>
	<option value="spring">spring</option>
	<option value="summer">summer</option>
	<option value="autumn">autumn</option>
	<option value="winter">winter</option>
	<option value="gray">gray</option>
	<option value="bone">bone</option>
	<option value="copper">copper</option>
	<option value="pink">pink</option>
	<option selected value="bluered">bluered</option>
	<option value="whitered">whitered</option>
</select></td>
<td style="width: 200px"><input id="desc_2" type="text" name="desc_2" /></td>
</tr>
<tr>
<td><input id="file_3" type="file" name="file_3" placeholder="FileAttached" /></td>
<td><select id="type_3" type="text" name="type_3">
	<option value="ItemData">ItemData</option>
        <option value="ItemGridData">ItemGridData</option>
        <option value="TimeSeriesData">TimeSeriesData</option>
        <option value="HeatMapData">HeatMapData</option>
        <option value="GraphData">GraphData</option>
        <option value="TimedItemData">TimedItemData</option>
</select></td>
<td><select id="cs_3" type="text" name="cs_3">
	<option value="parula">parula</option>
	<option value="jet">jet</option>
	<option value="hsv">hsv</option>
	<option value="hot">hot</option>
	<option value="cool">cool</option>
	<option value="spring">spring</option>
	<option value="summer">summer</option>
	<option value="autumn">autumn</option>
	<option value="winter">winter</option>
	<option value="gray">gray</option>
	<option value="bone">bone</option>
	<option value="copper">copper</option>
	<option value="pink">pink</option>
	<option selected value="bluered">bluered</option>
	<option value="whitered">whitered</option>
</select></td>
<td style="width: 200px"><input id="desc_3" type="text" name="desc_3" /></td>
</tr>
</table>

<span>
  Image format: <select id="imageformat" name="imageformat" style="display:inline;width:80px;"><option value="png">png</option><option value="svg">svg</option></select>
  <span style="display:inline;float:right; margin-right: 109px;">
            <button type="submit" id="resultsButton" onClick="javascript:submit_job();">Submit</button>
</span>
</span>
      </div>  

</div>
<div align="right" style="margin-right: 100px;">
<footer>
<a href="#" href="#" onclick="linkref();">User guide</a>&nbsp;<a href="mailto:thomas.pfau@uni.lu">Contact</a>&nbsp;<a href="http://wwwen.uni.lu" target="blank">&nbsp;Code &copy;</footer>
</form>
</div>

</body>

</html>
